@media only screen and (min-width: 600px) {
    .article_main {
        display: flex;
        flex-direction: column;
        align-items: center;
        .content_area {
            width: 100%;
            background-color: #fafafa;
            border-radius: 5px;
            padding: 15px;
            min-height: 500px;
            .content_head {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-bottom: 32px;
                .head_title {
                    font-size: 2rem;
                    text-align: center;
                    width: 100%;
                    height: 80px;
                    line-height: 80px;
                    border-bottom: 5px solid #02cbff;
                    font-weight: 700;
                }
                .head_field {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-around;
                    width: 100%;
                    height: 40px;
                    line-height: 40px;
                    .field_item {
                    }
                }
            }
        }
        .article_message {
            width: 100%;
            background-color: #fafafa;
            border-radius: 5px;
            padding: 15px;
            margin-top: 32px;
            min-height: 200px;
        }
    }
}


@media only screen and (max-width: 600px) {
    .article_main {
        display: flex;
        flex-direction: column;
        align-items: center;
        .content_area {
            width: 100%;
            background-color: #fafafa;
            border-radius: 0.3rem;
            padding: 0.5rem;
            min-height: 0.62rem;
            .content_head {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-bottom: 1rem;
                .head_title {
                    font-size: 1.7rem;
                    font-weight: 600;
                    line-height: normal;
                    height: auto;
                    min-height: 2.2rem;
                }
                .head_field {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    width: 100%;
                    height: 4.5rem;
                    line-height: 1rem;
                    .field_item {
                    }
                }
            }
        }
        .article_message {
            width: 100%;
            background-color: #fafafa;
            border-radius: 0.3rem;
            padding: 0.93rem;
            margin-top: 2rem;
            min-height: 12rem;
        }
    }
}